<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // -随机产生一个十六进制的颜色值，封装成一个函数
      // 1.
      // function fn() {
      //   // 首先使用Math.random()生成一个0到1之间的随机数
      //   // 然后乘以16777215（即255 * 256 * 256，这是十进制下十六进制颜色值的最大值）
      //   // 接着，使用Math.floor()向下取整，得到一个0到16777215之间的整数
      //   // 然后调用toString(16)将其转换为十六进制字符串
      //   var color = Math.floor(Math.random() * 16777215).toString(16);
      //   // 使用padStart(6, '0')确保生成的字符串长度为6位
      //   // 如果不足6位则在前面补0
      //   return "#" + color.padStart(6, "0");
      // }
      // // 使用这个函数来获取一个随机颜色值
      // document.write(fn());

      // // 2.
      // // 使用Array.from和map来生成一个包含6个随机十六进制数字的数组
      // function fn() {
      //   // 创建了一个长度为6的数组，数组中的每个元素都是一个函数
      //   // 该函数返回一个0到15（包含0和15）之间的随机整数，并将其转换为十六进制形式
      //   // 然后使用join('')将数组中的所有元素连接成一个字符串
      //   return (
      //     "#" +
      //     Array.from({ length: 6 }, () =>
      //       Math.floor(Math.random() * 16).toString(16)
      //     ).join("")
      //   );
      // }

      // // 使用这个函数来获取一个随机颜色值
      // console.log(fn()); // 打印出随机生成的十六进制颜色值


      // 3.
      function fn(a){
        // 设置一个空字符串
        var c='';
        // 循环六次次，设置长度为六次
        for(var i=1;i<=6;i++){
          // 在数组中随机循环
          var b=a[Math.floor(Math.random()*a.length)];
          // 连接六个字符串
          c=c+b;
        }
        // 输出c的值
        return (`#${c}`);       
      // console.log(c);
      }
     document.write(fn(['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'])) ;














    </script>
  </body>
</html>
